// components/pullDownRefresh/pullDownRefresh.js
Component({
    options: {
        multipleSlots: true // 在组件定义时的选项中启用多slot支持
    },
    /**
     * 组件的属性列表
     */
    properties: {
        //下拉的状态，true为下拉中，false为复位或者没有触发
        isPullRefresh: {
            type: Boolean,
            value: false
        },
        // 请求接口是否为空
        isEmpty:{
            type:Boolean,
            value:false
        },
        // 当前请求返回数据的状态，用来判断加载状态
        listStatus:{
            type:Object,
            value:()=>({   
                total:0,
                isNoMore:false
            })
        }
    },

    /**
     * 组件的初始数据
     */
    data: {
        pullText: '',
        //下拉chevron-up-circle  松开 chevron-up-circle 正在刷新 refresh 
        iconName: '',
        image:'https://tdesign.gtimg.com/miniprogram/images/empty1.png'
    },

    /**
     * 组件的方法列表
     */
    methods: {
        // 正在被下拉
        pulling(e) {
            if (e.detail.dy < 20) {
                this.setData({
                    pullText: '下拉刷新',
                    iconName: 'chevron-up-circle'
                })
            } else {
                this.setData({
                    pullText: '松开刷新',
                    iconName: 'chevron-up-circle',
                })
            }
        },
        //正在触发,请求接口
        refresh(e) {
            this.triggerEvent("pullRereshIng")
            this.setData({
                pullText: '正在刷新中',
                iconName: 'refresh'
            })
        },
        //正在复位
        restore(e) {
            this.setData({
                pullText: ""
            })
        },
        //上拉触底事件
        lower() {
            this.triggerEvent('loadMore')
        }
    }
})